<template>
    <div class="activity_list activity">
        <navbar>我带队的野练</navbar>
        <div class="content">
            <!--<div class="noList" v-if="isList">没有相关的活动。。。</div>-->
           <Slide-bar :height="heights" :canDrag="isDrag" :list="tabList" :index="tabIndex" @on-change="change">
             <div :slot="`slot-item-${k}`" v-for="(i,k) in tabList" class="myLeadActivity">
               <LoadMore :height="heights" :load-more="loadMore"  :auto=false :refresh="refresh" ref="pulldown" :has-more="tabList[tabIndex].hasMore" >
               <div  class="list" style="background-color: #eeeeee">
                 <ul>
                   <li v-for="i in dataList[tabIndex]" @click="jump('sign_detail', i.id)" style="margin-bottom: 10px">
                     <div class="list-in">
                       <button class="tag" :class=" i.status | ac_status ">{{ i.status | ac_status_txt }}</button>
                       <div class="right">
                         <h2 class="vlc-nowrap">{{ i.title }}</h2>
                         <p class="vlc-nowrap time">{{ i.starts_at | time(i.ends_at) }}</p>
                         <div class="vlc-nowrap location">{{ i.address }}</div>
                       </div>
                     </div>
                     <div class="mx-1px-top userStatus" v-if="i.status==3 && i.can_reward>=0"><button :class="{ 'red': i.can_reward>0 }">{{ i.can_reward | isRewarded }}</button></div>
                   </li>
                 </ul>
               </div>
               </LoadMore>
             </div>
           </Slide-bar>
        </div>
    </div>
</template>
<script type="text/ecmascript-6">
  import js from '../../../../cores/coach/my_activity.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../../../styles/ot.less";
  .activity_list{
      .noList{
        z-index: 999;
      }
      .vlc-slideBar{
        height:100%;
      .vlc-slideBar-wrapper{
        border-bottom: 1px solid #cccccc;
        padding:8px 0;
      }
      .vlc-slideBar-content-item{
        overflow-y: auto;
      >div.myLeadActivity{
         height: 100%;
         padding-bottom: 48px;
       }
      }
      .vlc-slideBar-container{
        height: 100%;
        background-color: #eeeeee;
      }
      }
  }

</style>
